<template>
  <div>

        <div class="login_input">
          <input type="text" placeholder="Email或MT4账号">
          <input type="password" placeholder="请输入密码">
          <a href="javascript:;" class="login_button">登录</a>
          <p><a href="javascript:;">忘记登录密码</a></p>

    </div>
  </div>
</template>

<script type="text/ecmascript-6">

</script>

<style scoped>
  .login_content{
    position: relative;
    width: 100%;
    height: 613px;
  }
  .login{
    width: 528px;
    height: 350px;
    background: #fff;
    box-shadow: 0px 20px 50px rgba(0,0,0,0.2);
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right: 0;
    margin:auto;
    padding:24px 80px 0px;
    box-sizing: border-box;
  }
  .login_input{
    padding-top:54px;
  }
  .login_input input{
    width: 360px;
    height: 40px;
    padding-left: 23%;
    color: #fff;
  }
  .login_input input:nth-child(1){
    background: url("./images/man.png") no-repeat;
  }
  .login_input input:nth-child(2){
    background: url("./images/suo.png") no-repeat;
    margin-top: 20px;
  }
  .login_input .login_button{
    width: 220px;
    height: 40px;
    background: #3366cc;
    border-radius: 28px;
    display: block;
    margin:40px auto 0;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
  }
  .login_input p{
    text-align: right;
    margin-top: 26px;
  }
  .login_input p a{
    font-size: 13px;
    color: #e61e2c;
  }
</style>
